<template>
  <div class="chart-container">
    <VolCurChart class="chart" :data="chartData" />
  </div>
</template>

<script>
export default {
  name: "Chart"
}
</script>

<script setup>
import {ref} from 'vue'
import VolCurChart from './components/VolCurChart'
let chartData = ref([])
for(let i=0; i<1000; i++){
  const time = Date.now()
  chartData.value.push({
    time: time+1000*i,
    vol: i,
    cur: i+10
  })
}
</script>

<style lang="sass" scoped>
.chart-container
  width: 100%
  height: 800px
  background-color: #ffd04b

  .chart
    width: 100%
    height: 100%
    background-color: #fff
</style>
